﻿<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html version="-//W3C//DTD XHTML 1.1//EN"
      xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.w3.org/1999/xhtml
                          http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd"
>
	<head>
	

	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	    <style type="text/css">@import url(search.css);</style>
		
		<title>Home</title>	
		
        <script type="text/javascript" src="../code/jquery-1.7.min.js"></script>  
        <script type="text/javascript" src="search.js"></script>  
        <script type="text/javascript" src="../code/jquery.preload.js"></script>

        
        <link rel="stylesheet" href="../fancybox/jquery.fancybox.css?v=2.0.1" type="text/css" media="screen" />
        <script type="text/javascript" src="../fancybox/jquery.fancybox.pack.js?v=2.0.1"></script>

        <!-- JqueryUI -->
       	
       <link type="text/css" href="../code/css/ui-lightness/jquery-ui-1.8.17.custom.css" rel="Stylesheet" />	
		<script type="text/javascript" src="../code/js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="../code/js/jquery-ui-1.8.17.custom.min.js"></script>
		
        
	</head>


  

	<body>
		
		<div id="page" class="coolBorder">	
			<div id="header">
                
                <div id="Div1" class=" logo " >
                
                        Bulletin Board
                    
			    </div>
                <div id="SignOut" class="moveRight" >
                
    				<span id="WelcomeMsg">
                    </span> 

                    <a href="/home">home</a>
                    <a href="/logout">logout</a>
                    
                   
			    </div>
            </div>
				<div id="Content" >
            <div class="spanFull">
            <div id="searchDiv">
                
                    <form action="/search" id="searchForm" method="post">    
                        <div>
                            <input name="txtSearch" type="text" id="txtSearch" style="float:left;width:130px;">
                            <input type="submit" value="Search">
                        </div>
                    </form>
                
            </div>
            </div>
            
    		 <div class="middleHome" >
	    
                
             	
            <div id="homeBoards" class="coolBorder">
               
			 <div class="topBoardDiv">
			    <span class="MyTitle">My Boards</span>
				
				<div id="createnewBoardDiv">
				     <button id="createNewBoard" class="SendButton  ">create board</button>
				</div>
			 </div>
				  <ol class="dribbbles group myOl ">
				
						<li class="group ">
                    		<button id="joinBtn">join</button>
                            <div class="dribbble">
							    <div class="dribbble-shot">
								   	<div class="dribbble-img">
										  <a href="" class="dribbble-link">   
                                    	<strong>name</strong>
		                                <span class="dim">title</span>
                                        <em>category</em>
                                       
										</a>
										<a href="/board?name=<%response.body +=boards[i].name;%>" class="dribbble-over" style="opacity: 0; ">
                                    	<strong>name</strong>
		                                <span class="dim">title</span>
                                        <em>category</em>
                                       
                                        	</a>  
                                               
									 </div>
									 <ul class="tools group nono">
										
										
									</ul>
				                </div>
							  </div>
						 </li>


					</ol>

			</div>	
				
				
		<div id="dialog-form" title="Create new user">
	<p class="validateTips">All form fields are required.</p>

	<form>
	<fieldset>
		<label for="title">Title</label>
		<input type="text" name="title" id="title" class="text ui-widget-content ui-corner-all" />
		<label for="category">Category</label>
		<br>
        <select>
		     <option value="volvo">Volvo</option>
             <option value="saab">Saab</option>
             <option value="mercedes">Mercedes</option>
             <option value="audi">Audi</option>
        </select>
           <br>
        </fieldset>
	</form>
</div>  
            

			</div>
            </div>
			<div id="Footer" >
			
				<div id="copyright">
						Powered by Baruch and Shimi 2012
					
					
				</div>
			</div>
	    </div>
	</body>
	
	
</html>